<template>
  <div px-24rpx>
    <div card h-400rpx flex flex-a-c flex-j-c flex-col p-36rpx mb-20rpx bg-white>
      <nut-icon size="50" :custom-color="colors.themeColor" name="Check"></nut-icon>
      <div mt-50rpx text-40rpx text-center>售后申请提交成功</div>
      <div mt-50rpx flex flex-a-c gap-40rpx justify-center>
        <nut-button type="primary" @click="$navigateTo('/pages/mine/aftersale/list')">查看记录</nut-button>
        <nut-button type="primary" @click="goBackHome" plain>回到主页</nut-button>
      </div>
    </div>
    <div text-24rpx line-height-36rpx color-warmgray>
      <p>温馨提示：</p>
      <p>商品寄回地址将在审核通过后在申请记录中查询。</p>
      <p>提交服务单后，售后专员可能与您电话沟通，请保持手机畅通。</p>
      <p>退货处理成功后退款金额将原路返回到您的支持账户中；</p>
    </div>
  </div>
</template>

<script setup lang="ts">
import { colors } from '@/constants/injection-key';
function goBackHome() {
  uni.switchTab({
    url: "/pages/index",
  });
}
</script>

<style scoped>
</style>
